@import "default.css";


#nav-brand {
    float: left; font-weight:bold;
    color: white; margin-top: 3%
}
#nav-brand:focus, #nav-brand:active{
    float: left; font-weight:bold;
    color: var(--stong-green);margin-top: 3%

}

.navbar {
    margin-bottom: 0;
    border-bottom: 1px solid rgba(255,255,255,.3);
	background:#23282d;
}


.navbar-brand {
  font-weight: 700;
  height: 40px;
  padding:10px;
  font-size: 18px;
  line-height: 1em;
}
@media (min-width:768px) {
    .navbar-brand {
        padding: 12px 15px;
      }
}

.navbar-brand h1{
  color: #fff;
  font-size: 20px;
  line-height: 40px;
  float:right !important;
  text-transform: none;
}

.navbar-brand:focus {
    outline: 0;
}

.nav.navbar-nav {
    /*background-color: rgba(255,255,255,.4);*/
	background-color: transparent;
}

.navbar-custom.top-nav-collapse .nav.navbar-nav {
    background-color: rgba(0,0,0,0);
}


.navbar-custom ul.nav li a {
	font-size: 12px;
	letter-spacing: 1px;
   /* color: #444;*/
   color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	    padding-right: 10px;
    padding-left: 5px;
}

.navbar-custom.top-nav-collapse ul.nav li a {
	    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
	color: #fff;
}

.navbar-custom ul.nav ul.dropdown-menu {
	  border-radius: 0;
}

.navbar-custom ul.nav ul.dropdown-menu li {
	border-bottom: 1px solid #f5f5f5;

}

.navbar-custom ul.nav ul.dropdown-menu li:last-child{
	border-bottom: none;
}

.navbar-custom ul.nav ul.dropdown-menu li a {
	padding: 10px 20px;
}

.navbar-custom ul.nav ul.dropdown-menu li a:hover {
	background: #fefefe;
}

.navbar-custom.top-nav-collapse ul.nav ul.dropdown-menu li a {
	color: #666;
}

.navbar-custom .nav li a {
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}

.navbar-custom .nav li a:hover,
.navbar-custom .nav li a:focus,
.navbar-custom .nav li.active {
    outline: 0;
    /*background-color: rgba(255,255,255,.2);*/
	background-color: transparent;
}
/*.navbar-custom .nav li a:hover,
.navbar-custom .nav li a:focus,
.navbar-custom .nav li.active {
    outline: 0;
    background-color: rgba(255,255,255,.2);
}
*/
.navbar-toggle {
    padding: 4px 6px;
    font-size: 14px;
    color: lightgray;
}

.navbar-toggle:focus,
.navbar-toggle:active {
    outline: 0;
}


.page_link_a{
    color: #a6a6a6;
    font-size: 1em;
    margin: 2%

}

.page_link_a:hover, .page_link_a:focus{
    color: var(--strong-green);

}

.li {
    padding-left: 10%;
    padding-right: 10%;
}

/* login mobile */

.login-mb {
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 700;
    width: fit-content !important;
    float: right;
    list-style-type: none;
    margin-top: 1.5rem;
    padding-left: 0 !important;
    right:2rem;
}
@media (min-width:768px){

    .login-mb {
        display:none;
    }
}

.login-mb ul {
    padding-left: 0 !important;
}

.login-mb li a {
    color:white !important;
}

.hide-mb {
    display: none !important;
}
@media (min-width:768px) {
   .hide-mb {display:inline !important;}
}

/* login mobile */

.login-mb {
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 700;
    width: fit-content !important;
    float: right;
    list-style-type: none;
    margin-top: 1.5rem;
    padding-left: 0 !important;
    right:2rem;
}
@media (min-width:768px){

    .login-mb {
        display:none;
    }
}

.login-mb ul {
    padding-left: 0 !important;
}

.login-mb li a {
    color:white !important;
}

.hide-mb {
    display: none !important;
}
@media (min-width:768px) {
   .hide-mb {display:inline !important;}
}